body {
    perspective: 1000px;
    /* transform-style: preserve-3d; */
}

.dad {
    position: relative;
    width: 300px;
    height: 200px;
    margin: 150px auto 0;
    /* animation:  duration timing-function delay iteration-count direction fill-mode; */
    animation: move 10s linear infinite;
    /* transition: all 1s; */
    /* perspective: 1000px; */
    transform-style: preserve-3d;
    background-image: url(https://pic.51zxw.net/m/img/kcbm/928.jpg);
}

@keyframes move {
    0% {
        transform: rotatey(0deg);
    }
    100% {
        transform: rotatey(360deg);
    }
}

.dad div {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    background-image: url(https://pic.51zxw.net/m/img/kcbm/955.jpg);
}

.dad div:nth-child(1) {
    transform: translateZ(300px) rotatey(0deg);
}

.dad :nth-child(2) {
    transform: rotatey(60deg) translateZ(300px);
}

.dad :nth-child(3) {
    transform: rotatey(120deg) translateZ(300px);
}

.dad :nth-child(4) {
    transform: rotatey(180deg) translateZ(300px);
}

.dad :nth-child(5) {
    transform: rotatey(240deg) translateZ(300px);
}

.dad :nth-child(6) {
    transform: rotatey(300deg) translateZ(300px);
}